@import '@/lib/reset.scss';
.userheader{
  @include rect(945px, 75px);
  margin:0 auto;
  @include flexbox();
  @include justify-content(space-between);
  @include align-items();
  ul {
    li{
      float: left;
      padding:0 8px;
      height:16px;
      line-height: 16px;
    }
    li:first-child{border-right:1px solid #ccc}
  }
}
.usercontent{
  @include rect(100%, auto);
  background:#F7F7F7;
  .usercontitle{
    @include rect(100%, 40px);
    ul{
      @include rect(945px, 100%);
      margin:0 auto;
      li{
        float: left;
        line-height: 40px;
        text-align: center;
        a{
          @include rect(112px, 100%);
          border-bottom:2px solid transparent;
          display: inline-block;
          font-size: 20px;
          color:#333;
          &:hover, &.active{
            border-bottom:2px solid #E91E63;
            color: #E91E63;
          }
        }
      }
    }
  } 
}
.accountNum{
  @include rect(100%,615px);
  // background:#444;
  background:url(./../../img/img-01.png) no-repeat 0px -30px;
  @include flexbox();
  @include justify-content();
  @include align-items();
  @include flex-direction(column);
  h2{
    font-size: 50px;
    color:#555;
  }
  h3{
    color:#80b1dc;
    font-size: 30px;
    line-height: 1.5;
  }
  a{
    @include rect(222px, 50px);
    line-height: 50px;
    text-align: center;
    display: block;
    background:#E91E63;
    font-size: 16px;
    color:#fff;
    margin-top:20px;
    
  }
}